import React, { Component } from 'react';

import '../../styles/screen.scss'

class Screen extends Component {
    constructor (props) {
        super(props)
        this.state = {
            list:[
                {font : '' , text : '综合'},
                {font : '' , text : '销量'},
                {font : '' , text : '新品'},
                {font : '' , text : '价格'},
                {font : '' , text : '筛选'}
            ]
        }
    }
    render() {
        return (
            <div className='screen'>
                {
                    this.state.list.map((item , index) => {
                        return (
                            <div className="item" key={index}>
                                {item.text}
                            </div>
                        )
                    })
                }
            </div>
        );
    }
}

export default Screen;